@charset "utf-8";
/* CSS Document */

/* Add here all your CSS customizations */

/*HEADER*/


body {

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
		
#header .header-column {
	align-self: center;
}
#header .header-btn-collapse-nav {
	margin: 16px 1.5em;
}

#header .header-logo img {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

p {
    color: #2A2A2A;
}

/*
@media (min-width: 992px){
#header .header-nav-main.header-nav-main-uppercase nav > ul > li > a {
    font-size: 0.70rem;
	}
}
*/

.dropdown-item{
	padding: 0.5rem 0rem;
}

.icon-box-info p {
	max-height: 55px;
	min-height: 55px;
}

.icon-box.icon-box-style-5 .icon-box-icon, .icon-box.icon-box-style-8 .icon-box-icon {
    width: 50px;
	height: 50px;
}

.icon-box.icon-box-style-5 .icon-box-icon i.fa, .icon-box.icon-box-style-5 .icon-box-icon i.fas, .icon-box.icon-box-style-5 .icon-box-icon i.far, .icon-box.icon-box-style-5 .icon-box-icon i.fal, .icon-box.icon-box-style-5 .icon-box-icon i.fab, .icon-box.icon-box-style-5 .icon-box-icon i.icons, .icon-box.icon-box-style-5 .icon-box-icon i.lnr, .icon-box.icon-box-style-8 .icon-box-icon i.fa, .icon-box.icon-box-style-8 .icon-box-icon i.fas, .icon-box.icon-box-style-8 .icon-box-icon i.far, .icon-box.icon-box-style-8 .icon-box-icon i.fal, .icon-box.icon-box-style-8 .icon-box-icon i.fab, .icon-box.icon-box-style-8 .icon-box-icon i.icons, .icon-box.icon-box-style-8 .icon-box-icon i.lnr {
    font-size: 1.9rem;
}

.icon-box .icon-box-icon object:not([width]), .icon-box .icon-box-icon img:not([width]) {
    width: 30px;
}
	
.carousel-indicators li{
	width: 7px;
    height: 7px;
    border-radius: 100%;
}


.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color:transparent;
}

.dropdown-item.active, .dropdown-item:active {
    color: #06a0c4;
    text-decoration: none;
    background-color:transparent;
}

/*
.owl-nav {
	display: none !important;
}
*/

.image-frame .image-frame-wrapper {
	background-color: #000 !important;
}


.frame-icon a {
	color: #fff;
	font-size: 2em;
	
}

.btn {
    padding: 0.375rem 0.75rem;
}

html .bg-primary:not(.no-skin){    
	background-color: #1b365d !important;
}

html .text-color-primary:not(.no-skin), html .text-primary:not(.no-skin){
	color: #1b365d !important;
}

html .btn-primary, html.sticky-header-active .btn-sticky-primary{
	border-color: #1b365d;
    color: #ffffff;
    background-color: #1b365d;
}

html .btn-primary:hover, html.sticky-header-active .btn-sticky-primary:hover, html .btn-primary:focus, html.sticky-header-active .btn-sticky-primary:focus{
	border-color: #224474;
    background-color: #224474;
    color: #ffffff;
}

html .btn-primary:not([disabled]):not(.disabled).active, html.sticky-header-active .btn-sticky-primary:not([disabled]):not(.disabled).active, html .btn-primary:not([disabled]):not(.disabled):active, html.sticky-header-active .btn-sticky-primary:not([disabled]):not(.disabled):active{
	border-color: #224474;
    color: #ffffff;
    background-color: #224474;
    -webkit-box-shadow: 0 0 0 0.2rem #224474;
    box-shadow: 0 0 0 0.2rem #224474;
}

.btn-link{
	color: #1b365d;
	
}

.btn-link:hover, .btn-link:focus{
	color: #224474;
	}

.frame-icon a:hover, .frame-icon a:focus {
	color: #fff !important;
	
}


.bg-grey-5{
	background-color: #919196 !important;
	}

html .border-color-primary:not(.no-skin) {
    border-color: #1b365d !important;
}


img.blue{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


.blue:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}


img.grayscale {
	/*filter: gray;*/ 
  /*-webkit-filter: grayscale(80%);*/
	-webkit-filter: opacity(40%);
}

.grayscale:hover img {
	filter: none;
	-webkit-filter: grayscale(0%);
}

.grayscale:hover .frame-icon img {
	display: none;
}

.grayscale:hover .frame-icon > .img-text img  {
    display: block;
}

.image-frame.image-frame-style-1.image-frame-effect-1:hover .image-frame-wrapper:after {
	opacity: 0;
}

.hr-footer {
    border-top: 1px solid rgba(255,255,255,.6);
}

.image-frame.image-frame-style-1 .image-frame-wrapper.image-frame-wrapper-align-end .image-frame-action {
    height: 100%;
}

.image-frame.image-frame-style-1 .image-frame-wrapper.image-frame-wrapper-align-end .image-frame-action>a {
	font-size: 1.3em;
	color:#fff;
}


.accordion-blue .accordion-header {
    background-color: #1b365d;
}

.accordion-blue .accordion-header a, .accordion-blue .accordion-header a:hover, .accordion-blue .accordion-header a:focus {
    color: #fff !important;
}


.accordion-blue:not(.accordion-minimal):not(.accordion-style-1):not(.accordion-style-2) .accordion-header a.collapsed {
    background-color: #1b365d !important;
}

.accordion-blue:not(.accordion-minimal):not(.accordion-style-1):not(.accordion-style-2) .accordion-header a.collapsed, .accordion-blue:not(.accordion-minimal):not(.accordion-style-1):not(.accordion-style-2) .accordion-header a.collapsed:hover, .accordion-blue:not(.accordion-minimal):not(.accordion-style-1):not(.accordion-style-2) .accordion-header a.collapsed:focus {
    color: #fff !important;
}

html .btn-outline.btn-primary:hover, html.sticky-header-active .btn-outline.btn-sticky-primary:hover, html .btn-outline.btn-primary:focus, html.sticky-header-active .btn-outline.btn-sticky-primary:focus{
	border-color:  #224474;
	}

html .btn-outline.btn-primary:hover, html.sticky-header-active .btn-outline.btn-sticky-primary:hover, html .btn-outline.btn-primary:focus, html.sticky-header-active .btn-outline.btn-sticky-primary:focus{
	background-color: #224474 !important;
}

html .btn-outline.btn-primary, html.sticky-header-active .btn-outline.btn-sticky-primary{
	background: transparent;
    border-color: #1b365d;
    color: #1b365d;
}

.accordion-toggle .accordion-header a:before {
    font-weight: 600;
}

.testimonial.testimonial-style-1 blockquote p {
    font-size: 15px;
    font-size: 1rem !important;
	letter-spacing: 0px;
}

.testimonial .testimonial-author > span strong {
    font-weight: 500;
    letter-spacing: 1px;
}


.font-weight-semibold {
    font-weight: 600 !important;
	letter-spacing: 0px;
}

.card.card-style-1 {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00); 
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00); 
}

.image-frame .image-frame-wrapper .image-frame-info-box-style-3 {
    background-color:rgba(255,255,255,0.7);
    padding: 80px 20px;
    text-align: center;
    display: block;
    font-family: "Montserrat", sans-serif;
}
.image-frame .image-frame-wrapper .image-frame-info-box-style-3 h4 {
    padding-bottom: 10px !important;
}

.image-frame .image-frame-wrapper .image-frame-info-box-style-3 p {
    color:#222;
	line-height: 35px;
	font-weight: 500;
}

.section {
    position: relative;
    padding: 73.846px 0;
    padding: 6rem 1rem;
}

#summercamp-content .container{
	position: absolute;
	top:50% !important;
	left:20% !important;
	}

.bodyContent {
    line-height: 150%;
    font-family: Helvetica;
    font-size: 14px;
    color: #0F7085;
    padding: 20px;
}

.formEmailButton {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    font-family: 'Helvetica', Arial, sans-serif;
    width: auto;
    white-space: nowrap;
    height: 42px;
    margin: 12px 5px 12px 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    vertical-align: top;
}

input, textarea, select {
    display: block;
    margin: 0;
    padding: 10px;
    background: #fff;
    width: 100%;
/*    border: 2px solid #d0d0d0 !important;*/
    border-radius: 3px;
    -webkit-appearance: none;
}

label {
    line-height: 150%;
    font-family: Helvetica;
    font-size: 16px;
    color: #0F7085;
}

label {
    display: block;
    width: auto;
    margin-top: 8px;
    font-weight: bold;
}

.field-group input, select, textarea, .dijitInputField {
    font-family: Helvetica;
    color: #000000 !important;
}

.field-group input, select, textarea, .dijitInputField {
    font-size: 14px;
}

input.formEmailButton {
    border: none !important;
}

.mergeRow {
    padding: 0 0 15px 0 !important;
    clear: both;
}

.formEmailButton:link, .formEmailButton:active, .formEmailButton:visited, .formEmailButton, .formEmailButton span {
    background-color: #06a0c4  !important;
    color: #ffffff !important;
}

.form-control:not(.form-control-sm):not(.form-control-lg){
	background-color: transparent;
}

.form-group {
    background-color: #f1f3f7;
}


#rowing .btn-primary {
    position: absolute;
    right: 30px;
    color: #fff;
}

#rowing p, #rowing h5, #rowing h3, #rowing li {
	color:white !important;
}

#rowing p{
	font-size: 16px;
}

#rowing h3{
	font-size: 28px;
	margin-bottom: 12px;
}

#rowing h5{
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 12px;
} 


#rowing  td, #rowing th {
  padding:20px;
  border: none;
  background-color: rgba(106,64,116,0.75);
}

#rowing table {
  border-collapse: separate;
  border-spacing: 1em;
}

#rowing .text-pink{
	color:#ef426f !important;
	font-weight: 700;
}

#rowing .btn-pink {
    border-color: #fff;
    color: #ffffff;
    background-color: #ef426f;
    padding: 7px 10px;
    letter-spacing: 0.3px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}

#rowing a{
	color:white;
	text-decoration: none;
	font-weight: 500;
	font-size:16px;
}


#rowing .text-color-primary:not(.no-skin), #rowing .text-primary:not(.no-skin) {
	font-size:24px;
	font-weight: 700;
    color: #fff !important;
	text-align: start;
	line-height: 27px;
}


#rowing .min-height-700 {
    min-height: 700px;
}

#rowing .min-height-500 {
    min-height: 500px;
}

#rowing .section {
   padding: 2rem !important;
}


.close {
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}


.modal-content {
  max-height: 85vh;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, .2);
}


.close:hover {
    color: #fff;
    text-decoration: none;
    opacity: .75;
}

button:focus{
	outline: 0px auto -webkit-focus-ring-color;
}

.modal-header .close {
    margin: -1rem -5rem 1rem auto;
}

.modal-content>.modal-body {
  max-height: 100%;
}

.modal-body {
    padding: 0rem; 
}

.modal-footer {
	border-top: 0px solid #e9ecef;
	justify-content: space-between;
	background-color: #ef426f;
}

.modal-header {
	border-bottom: 0px solid #e9ecef;
}

/*
.modal-content{
	background-image: url("/uploads/Coastal-Rowing-2024/og/4c07becZFt.jpg");
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat;
	color: #fff;
	
}
*/


#rowing-modal .min-height-425 {
    min-height: 425px;
}

#rowing-modal .btn-pink{
	border-color: #ef426f;
    color: #ffffff;
    background-color: #ef426f;
	padding: 13px 25px;
    letter-spacing: 0.3px;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	border-radius: 40px;
}

#rowing-modal .btn-learnmore{
	border-color: #ffffff;
    color: #ef426f ;
    background-color: #ffffff;
	padding: 10px 18px;
    letter-spacing: 0.3px;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	border-radius: 40px;
}

#rowing-modal .btn-learnmore > a{
	color: #ef426f ;
}


#rowing-modal .registration{
	color: #fff !important;
    font-weight: 800 !important;
	padding:12px 5px;
	font-size:18px;
}


#camp23 h3{
	border: 3px solid #ccc;
	color:#fff;
	text-align: center;
	padding:30px 3px;
	margin:0px -5px;
	font-size:18px;
	letter-spacing: 1px;
	position: relative;
	top:-25px;
	background-color:#1b365d;
	z-index: 999;
	font-weight: 600;
}


#camp23 h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
	color:#cfc1fa;
}

#camp23 h2{
	font-size:21px;
	font-weight:400;
	
}

#camp23 h4{
	border: 3px solid #ccc;
	color:#fff;
	text-align: center;
	padding:30px 3px;
	margin:0px -5px;
	font-size:18px;
	letter-spacing: 1px;
	position: relative;
	top:-47px;
	background-color:#1b365d;
	z-index: 999;
	font-weight: 600;
}

#camp23 h5{
	color:#fff;
	font-size:22px;
	letter-spacing: 1px;
	font-weight: 600;
}

#camp23 p{
	color:#fff;
	font-size:20px;
	letter-spacing: 1px;
	font-weight: 500;
}


#camp23 .playforfun{
	background-color:#99f9fd;
	color:midnightblue;
	font-size: 16px;
    font-weight: 600;
    position: relative;
    top: -30px;
	max-height: 455px;
	min-height: 455px;
	
}

#camp23 .table{
	background-color:#fff;
	font-size:18px;
	letter-spacing: 1px;
	font-weight: 600;
	border-collapse: separate;
    border-spacing: 7px;
}


#camp23 th{
  background-color:#5ce1e6; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #895cfd , #5ce1e6);
  padding:20px 30px;
}

#camp23 td{
  background-color: #5ce1e6; 
  padding:20px 30px;
  color:#656b84;
}

#camp23 small{
	font-weight: 600;
}

#camp23 .btn-camp {
    background-color: #5e17eb;
    border: 3px solid #cec1fb;
    color: #99f9fd;
    padding: 10px 20px;
    letter-spacing: 0.3px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
}


.bg-image { 
    background-size: cover;
	background-repeat: no-repeat; 
	background-position: unset; 
	min-height: 650px;
	background-image: url('/uploads/summer-camp-2023/og/2af4062794.jpg');
} 

.bg-slogan { 
    background-size: cover;
	background-repeat: no-repeat; 
	background-position: unset; 
	min-height: 650px;
	background-image: url('/uploads/summer-camp-2023/og/53e6f4cxpq.jpg');
} 

#summercamp-modal .modal-content {
    background-image: url(/uploads/summer-camp-2023/og/53fec38f32.jpg);
    background-size: cover;
    background-position: unset;
    background-repeat: no-repeat;
	min-height: 400px;
}


#summercamp-modal .modal-header{
	    border-bottom: none;
}


#summercamp-modal  .modal-footer{
	border-top: none;
	justify-content: center;
	position: relative;
    top: 240px;
}


#summercamp-modal .btn-learnmore{
	background-color: #5e17eb;
    border: 3px solid #cec1fb;
    color: #99f9fd;
    padding: 10px 20px;
    letter-spacing: 0.3px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
	border-radius: 5px;
}

#summercamp-modal .btn-learnmore > a{
    color: #99f9fd;
}

#intro {
    min-height: 800px;
}

@media (min-device-width: 481px) and (max-device-width: 1023px){
	#summercamp-content .container{
		top:50% !important;
		left:3% !important;
	}
	.image-frame .image-frame-wrapper .image-frame-info{
		width: 70%;
	}
	
	#summercamp-modal .modal-content{
		min-height: 260px;
		
	}
	
	#summercamp-modal .modal-footer {
    	top: 115px;
	}
	#summercamp-modal .btn-learnmore{
		    font-size: 15px;
	}
	.modal-content {
    min-height: 300px;
	}
	#rowing .btn-primary {
    position: absolute;
    top: 100px;
    right: 20px;
    background-color: #ce3d68;
    color: #fff;
	}

}

@media (min-device-width: 820px) and (max-device-width: 1180px){
	.bg-image {
    min-height: 380px;
	}
	.bg-slogan {
    min-height: 380px;
	}
}

@media (max-device-width: 767px) {
	#summercamp-content .container{
		top:30% !important;
		left:3% !important;
	}
	
	.bg-image{
		min-height: 185px !important;
	}
	
	.bg-slogan{
		min-height: 185px !important;
	}
	
	#summercamp-modal .modal-content{
		min-height: 175px;
	}
	
	#summercamp-modal .modal-footer {
    border-top: none;
    justify-content: center;
    position: relative;
    top: 55px;
	}
	
	#summercamp-modal .btn-learnmore {
    padding: 3px 5px;
    letter-spacing: 0.1px;
    font-weight: 400;
    font-size: 11px;
    border-radius: 5px;
	}
	#intro {
    min-height: 190px !important;
	}
	#logo-rowing{
	max-width: 80px !important;
	}
	
}


@media (max-device-width: 520px) {
	.modal-content {
    min-height: 217px;
	}
	#rowing .btn-primary {
    position: absolute;
    top: 60px;
    right: 20px;
    background-color: #ce3d68;
    color: #fff;
	}
}


@media (min-width: 992px) {
.text-lg-start {
    text-align: left!important;
	}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){
	font-size: 1em;
	padding: 3px 0;
	}

#rowing .text-lg-end {
    text-align: right !important;
	}

html .scroll-to-top {
    bottom: 70px;
	right: 20px;
	}

.min-height-283 {
    min-height: 283px;
}

.min-height-256 {
    min-height: 256px;
}

.ml-n {
  margin-left: -3rem !important;
}

.pr-n {
  margin-left: -3rem !important;
	}

#camp23 .header{
		min-height: 210px;	
	}
}